
@mixin clearfix() {
  &: before;
  &: after {
    content: '';
    display: table;
  }
  &: after {
    clear: both;
  }
}

@mixin ellipsis() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin bgCover($relativeUrl) {
  background: url($mainBgUrl) no-repeat center center;
  background-size: cover;
}

@mixin placeholderStyle {
  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input';
  @each $placeholder in $placeholders {
    &:#{$placeholder}-placeholder {
      @content
    }
  }
}

@mixin loading($size: 16px, $color: $textColor) {
  animation: spin-around .8s infinite linear;
  border: 2px solid $color;
  border-radius: 100%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: $size;
  width: $size;
}


@mixin center($size) {
  left: 50%;
  margin-left: -($size / 2);
  margin-top: -($size / 2);
  position: absolute;
  top: 50%;
}


